{extend name="public:base" /}
{block name="head"}
<link rel="stylesheet" href="__STATIC__/onepeter/css/admin.css">
{/block}
{block name="style"}
<style>
    html,body,.container,.main-container {
        max-height: 100%;
        height: 100%;
    }
    .main-container,.main-container:before,.login-container {
        vertical-align: middle;
        display: inline-block;
    }
    .main-container:before {
        content:"";
        height: 100%;
        margin-left:-.25em;
    }
    .main-container ,.login-container{
        width: 100%;
    }
    .login-container {
        width: 99%;
    }
    .logo > img {
        width: 200px;
        margin: 0px auto;
        display: block;
    }
    .logo {
        width: 100%;
    }
    .well-login {
        border-radius: 0px!important;
    }

    /*配色*/
    /*body {*/
        /*background-color: #C5C5C5;*/
        /*color: #C5C5C5;*/
    /*}*/
    /*.well {*/
        /*background-color: #444444;*/
    /*}*/
    /*.btn-primary ,.btn-primary:hover{*/
        /*background-color: #252525;*/
        /*border: 1px solid #000000;*/
        /*color: #C5C5C5;*/
    /*}*/



    body {
        background-color: #444444;
        color: #444444;
    }
    .well {
        background-color: #C5C5C5;
    }
    .btn-primary ,.btn-primary:hover{
        background-color: #252525;
        border: 1px solid #000000;
        color: #C5C5C5;
    }
    .well-login input[type=text],.well-login input[type=password]{
        border: 1px solid #444444;
    }
    .well-login {
        opacity: 0.9;
        box-shadow: 2px 2px 5px #2A2A2A;
    }
</style>
{/block}
{block name="body"}
<div class="container">
    <div class="main-container">
        <div class="login-container">
            <div class="logo">
                <img src="__STATIC__/onepeter/images/logo3.png" alt="logo">
            </div>

            <div class="well well-login">
                <form action="{:url('login')}" method="post">
                    <div class="form-group">
                        <input class="form-control" type="text" name="username" placeholder="用户名">
                    </div>
                    <div class="form-group">
                        <input class="form-control" type="password" name="password" placeholder="密码">
                    </div>
                    <div class="form-group">
                        <input class="form-control" type="text" name="captcha" maxlength="6" placeholder="验证码">                    </div>
                    <div class="form-group">
                        {:captcha_img()}
                    </div>
                    <div class="form-group">
                        <button type="submit" class="form-control btn btn-primary">
                            登录
                        </button>
                    </div>
                </form>
            </div>
        </div>

    </div>
</div>
{/block}